﻿<!DOCTYPE html>
<html>
  <head>
    <title>验证码登录</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/验证码登录/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/ie.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="files/验证码登录/data.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u252" class="ax_default label">
        <div id="u252_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u253" class="text">
          <p><span style="font-family:'微软雅黑';font-weight:400;">用户通过手机获取验证码的方式进行登录</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u254" class="ax_default label">
        <div id="u254_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u255" class="text">
          <p><span style="font-family:'微软雅黑';font-weight:400;">用户</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u256" class="ax_default _三级标题">
        <div id="u256_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u257" class="text">
          <p><span>需求说明</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u258" class="ax_default _三级标题">
        <div id="u258_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u259" class="text">
          <p><span>使用角色</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u260" class="ax_default _三级标题">
        <div id="u260_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u261" class="text">
          <p><span>业务规则</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u262" class="ax_default _三级标题">
        <div id="u262_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u263" class="text">
          <p><span>功能流程</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u264" class="ax_default box_2">
        <div id="u264_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u265" class="text">
          <p><span style="font-family:'微软雅黑';font-weight:400;">首次进入App默认显示登录界面</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">点击&lt;验证码登录&gt;标签切换到验证码登录方式</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p><p><span style="font-family:'微软雅黑';font-weight:400;">A.获取验证码按钮</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">&#149; 点击后先判断手机号码格式是否正确，手机号格式要求：11位数字，若格式错误弹出toast提示：手机号码格式错误</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">&#149; 若手机号码格式正确，则请求获取验证码接口</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">&#149; 点击“获取验证码”按钮进入60s倒计时</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">&#149; 验证码的有效时间为三分钟</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p><p><span style="font-family:'微软雅黑';font-weight:400;">B.登录按钮</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">&#149; 点击登录按钮判断手机号码格式是否正确</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">&#149; 如果手机号码格式正确，则通过接口验证手机号和验证码是否正确</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">&#149; 若手机号码未注册，则提示：该手机号尚未注册</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">&#149; 若验证码错误，则提示：验证码错误，请重新输入</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u266" class="ax_default box_1">
        <div id="u266_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u267" class="text" style="display:none; visibility: hidden">
          <p><span style="font-family:'微软雅黑';font-weight:400;"></span></p>
        </div>
      </div>

      <!-- Time (矩形) -->
      <div id="u268" class="ax_default _一级标题" data-label="Time">
        <div id="u268_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u269" class="text">
          <p><span style="font-family:'微软雅黑';font-weight:400;">1:40 PM</span></p>
        </div>
      </div>

      <!-- battery percentage (矩形) -->
      <div id="u270" class="ax_default _一级标题" data-label="battery percentage">
        <div id="u270_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u271" class="text">
          <p><span style="font-family:'微软雅黑';font-weight:400;">100%</span></p>
        </div>
      </div>

      <!-- Battery Icon (图片) -->
      <div id="u272" class="ax_default _图片" data-label="Battery Icon">
        <img id="u272_img" class="img " src="images/密码登录/battery_icon_u67.png"/>
        <!-- Unnamed () -->
        <div id="u273" class="text" style="display:none; visibility: hidden">
          <p><span style="font-family:'微软雅黑';font-weight:400;"></span></p>
        </div>
      </div>

      <!-- Network (矩形) -->
      <div id="u274" class="ax_default _一级标题" data-label="Network">
        <div id="u274_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u275" class="text">
          <p><span style="font-family:'微软雅黑';font-weight:400;">中国联通</span></p>
        </div>
      </div>

      <!-- White Wifi (图片) -->
      <div id="u276" class="ax_default _图片" data-label="White Wifi">
        <img id="u276_img" class="img " src="images/密码登录/white_wifi_u71.png"/>
        <!-- Unnamed () -->
        <div id="u277" class="text" style="display:none; visibility: hidden">
          <p><span style="font-family:'微软雅黑';font-weight:400;"></span></p>
        </div>
      </div>

      <!-- Network (图片) -->
      <div id="u278" class="ax_default _图片" data-label="Network">
        <img id="u278_img" class="img " src="images/密码登录/network_u73.png"/>
        <!-- Unnamed () -->
        <div id="u279" class="text" style="display:none; visibility: hidden">
          <p><span style="font-family:'微软雅黑';font-weight:400;"></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u280" class="ax_default box_1">
        <div id="u280_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u281" class="text" style="display:none; visibility: hidden">
          <p><span style="font-family:'微软雅黑';font-weight:400;"></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u282" class="ax_default box_1">
        <div id="u282_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u283" class="text" style="display:none; visibility: hidden">
          <p><span style="font-family:'微软雅黑';font-weight:400;"></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u284" class="ax_default box_1">
        <div id="u284_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u285" class="text">
          <p><span style="font-family:'微软雅黑';font-weight:400;">登录</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u286" class="ax_default box_1">
        <div id="u286_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u287" class="text" style="display:none; visibility: hidden">
          <p><span style="font-family:'微软雅黑';font-weight:400;"></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u288" class="ax_default box_1">
        <div id="u288_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u289" class="text">
          <p><span style="font-family:'微软雅黑';font-weight:400;">验证码登录</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u290" class="ax_default box_1">
        <div id="u290_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u291" class="text">
          <p><span style="font-family:'微软雅黑';font-weight:400;">密码登录</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u292" class="ax_default box_1">
        <div id="u292_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u293" class="text">
          <p><span style="font-family:'微软雅黑';font-weight:400;">手机号</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u294" class="ax_default box_1">
        <div id="u294_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u295" class="text">
          <p><span style="font-family:'微软雅黑';font-weight:400;">验证码</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u296" class="ax_default box_1">
        <div id="u296_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u297" class="text">
          <p><span style="font-family:'微软雅黑';font-weight:400;">请输入11位手机号</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u298" class="ax_default box_1">
        <div id="u298_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u299" class="text">
          <p><span style="font-family:'微软雅黑';font-weight:400;">请输入验证码</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u300" class="ax_default line">
        <img id="u300_img" class="img " src="images/密码登录/u95.png"/>
        <!-- Unnamed () -->
        <div id="u301" class="text" style="display:none; visibility: hidden">
          <p><span style="font-family:'微软雅黑';font-weight:400;"></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u302" class="ax_default box_1">
        <div id="u302_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u303" class="text">
          <p><span style="font-family:'微软雅黑';font-weight:400;">加入我们</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u304" class="ax_default label">
        <div id="u304_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u305" class="text">
          <p><span>成为加速度城市合伙人</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u306" class="ax_default box_1">
        <div id="u306_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u307" class="text">
          <p><span style="font-family:'微软雅黑';font-weight:400;">获取验证码</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u308" class="ax_default label">
        <div id="u308_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u309" class="text">
          <p><span style="font-family:'微软雅黑';font-weight:400;">登录</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u310" class="ax_default label">
        <div id="u310_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u311" class="text">
          <p><span style="font-family:'微软雅黑';font-weight:400;">注册</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u312" class="ax_default ellipse">
        <img id="u312_img" class="img " src="images/密码登录/u151.png"/>
        <!-- Unnamed () -->
        <div id="u313" class="text">
          <p><span>A</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u314" class="ax_default box_1">
        <div id="u314_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u315" class="text">
          <p><span style="font-family:'微软雅黑';font-weight:400;">点击验证码登录</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u316" class="ax_default box_1">
        <div id="u316_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u317" class="text">
          <p><span style="font-family:'微软雅黑';font-weight:400;">打开师傅端App</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u318" class="ax_default box_1">
        <div id="u318_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u319" class="text">
          <p><span style="font-family:'微软雅黑';font-weight:400;">输入手机号码</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u320" class="ax_default box_1">
        <div id="u320_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u321" class="text">
          <p><span style="font-family:'微软雅黑';font-weight:400;">点击&lt;获取验证码&gt;按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u322" class="ax_default box_1">
        <div id="u322_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u323" class="text">
          <p><span style="font-family:'微软雅黑';font-weight:400;">进入登录页面</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u324" class="ax_default _连接线">
        <img id="u324_seg0" class="img " src="images/密码登录/u129_seg0.png" alt="u324_seg0"/>
        <img id="u324_seg1" class="img " src="images/密码登录/u129_seg1.png" alt="u324_seg1"/>
        <!-- Unnamed () -->
        <div id="u325" class="text" style="display:none; visibility: hidden">
          <p><span style="font-family:'微软雅黑';font-weight:400;"></span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u326" class="ax_default _连接线">
        <img id="u326_seg0" class="img " src="images/密码登录/u131_seg0.png" alt="u326_seg0"/>
        <img id="u326_seg1" class="img " src="images/密码登录/u129_seg1.png" alt="u326_seg1"/>
        <!-- Unnamed () -->
        <div id="u327" class="text" style="display:none; visibility: hidden">
          <p><span style="font-family:'微软雅黑';font-weight:400;"></span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u328" class="ax_default _连接线">
        <img id="u328_seg0" class="img " src="images/密码登录/u133_seg0.png" alt="u328_seg0"/>
        <img id="u328_seg1" class="img " src="images/密码登录/u129_seg1.png" alt="u328_seg1"/>
        <!-- Unnamed () -->
        <div id="u329" class="text" style="display:none; visibility: hidden">
          <p><span style="font-family:'微软雅黑';font-weight:400;"></span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u330" class="ax_default _连接线">
        <img id="u330_seg0" class="img " src="images/密码登录/u135_seg0.png" alt="u330_seg0"/>
        <img id="u330_seg1" class="img " src="images/密码登录/u129_seg1.png" alt="u330_seg1"/>
        <!-- Unnamed () -->
        <div id="u331" class="text" style="display:none; visibility: hidden">
          <p><span style="font-family:'微软雅黑';font-weight:400;"></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u332" class="ax_default box_1">
        <div id="u332_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u333" class="text">
          <p><span style="font-family:'微软雅黑';font-weight:400;">手机号和验证码是否正确</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u334" class="ax_default box_1">
        <div id="u334_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u335" class="text">
          <p><span style="font-family:'微软雅黑';font-weight:400;">切换到验证码登录界面</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u336" class="ax_default _连接线">
        <img id="u336_seg0" class="img " src="images/密码登录/u141_seg0.png" alt="u336_seg0"/>
        <img id="u336_seg1" class="img " src="images/密码登录/u141_seg1.png" alt="u336_seg1"/>
        <!-- Unnamed () -->
        <div id="u337" class="text" style="display:none; visibility: hidden">
          <p><span style="font-family:'微软雅黑';font-weight:400;"></span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u338" class="ax_default _连接线">
        <img id="u338_seg0" class="img " src="images/密码登录/u143_seg0.png" alt="u338_seg0"/>
        <img id="u338_seg1" class="img " src="images/密码登录/u141_seg1.png" alt="u338_seg1"/>
        <!-- Unnamed () -->
        <div id="u339" class="text" style="display:none; visibility: hidden">
          <p><span style="font-family:'微软雅黑';font-weight:400;"></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u340" class="ax_default box_1">
        <div id="u340_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u341" class="text">
          <p><span style="font-family:'微软雅黑';font-weight:400;">跳转到APP主页</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u342" class="ax_default _连接线">
        <img id="u342_seg0" class="img " src="images/密码登录/u147_seg0.png" alt="u342_seg0"/>
        <img id="u342_seg1" class="img " src="images/密码登录/u147_seg1.png" alt="u342_seg1"/>
        <!-- Unnamed () -->
        <div id="u343" class="text">
          <p><span style="font-family:'微软雅黑';font-weight:400;">是</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u344" class="ax_default _连接线">
        <img id="u344_seg0" class="img " src="images/密码登录/u228_seg0.png" alt="u344_seg0"/>
        <img id="u344_seg1" class="img " src="images/验证码登录/u344_seg1.png" alt="u344_seg1"/>
        <img id="u344_seg2" class="img " src="images/密码登录/u228_seg2.png" alt="u344_seg2"/>
        <img id="u344_seg3" class="img " src="images/密码登录/u228_seg3.png" alt="u344_seg3"/>
        <!-- Unnamed () -->
        <div id="u345" class="text" style="display:none; visibility: hidden">
          <p><span style="font-family:'微软雅黑';font-weight:400;"></span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u346" class="ax_default _连接线">
        <img id="u346_seg0" class="img " src="images/密码登录/u228_seg0.png" alt="u346_seg0"/>
        <img id="u346_seg1" class="img " src="images/验证码登录/u346_seg1.png" alt="u346_seg1"/>
        <img id="u346_seg2" class="img " src="images/密码登录/u228_seg2.png" alt="u346_seg2"/>
        <img id="u346_seg3" class="img " src="images/密码登录/u228_seg3.png" alt="u346_seg3"/>
        <!-- Unnamed () -->
        <div id="u347" class="text">
          <p><span style="font-family:'微软雅黑';font-weight:400;">否</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u348" class="ax_default box_1">
        <div id="u348_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u349" class="text">
          <p><span style="font-family:'微软雅黑';font-weight:400;">手机号码格式错误</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u350" class="ax_default ellipse">
        <img id="u350_img" class="img " src="images/密码登录/u151.png"/>
        <!-- Unnamed () -->
        <div id="u351" class="text">
          <p><span>B</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u352" class="ax_default box_1">
        <div id="u352_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u353" class="text">
          <p><span style="font-family:'微软雅黑';font-weight:400;">该手机号尚未注册</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u354" class="ax_default box_1">
        <div id="u354_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u355" class="text">
          <p><span style="font-family:'微软雅黑';font-weight:400;">验证码错误，请重新输入</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u356" class="ax_default label">
        <div id="u356_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u357" class="text">
          <p><span style="font-family:'微软雅黑';font-weight:400;">忘记密码?</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
